<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<script src="../js/mui.min.js"></script>
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css">
		<style>
			.issuetitle{
				text-align: center;
				padding: 10px;
				color:#7368c1;
			}
			.name{
				text-align:center;
				color:#c79c9c;
			}
			.type{
				color:#a29fb7;
			}
			.head{
				width:50px;
				height:50px;
				border-radius: 50%;
			}
			.content{
				padding:30px 10px;
			}
			.pro_img{
				width:40%;
				height:150px;
				margin:10px 5%;
			}
		</style>
	</head>
	<body>
		<div class="mui-navbar-inner mui-bar mui-bar-nav" style="background: linear-gradient(#9191ea,#fff);">
			<span id="back" class="mui-icon mui-icon-back"></span>
			<h1 class="mui-title">商品详情</h1>
		</div>
		<div class="mui-content" id="content_area" style="padding-left:10px;padding-right:10px;"/>
		</div>
	</body>
	<script src="../js/conf.js"></script>
	<script src="../js/ajax.js"></script>
	<script src="../jquery.mobile-1.4.5/jquery-1.8.3.min.js"></script>
	<script src="../js/product_detail.js"></script>
	<script>
		$("#back").click(function(){
			mui.back();//返回上一级页面
		});
	</script>
</html>